<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body class="df fdc">
     <!-- 头部 -->
     <div class="header df jcsb aic">
        <span>动态列表</span>
        <a href="./add-dynamic.html" class="df jcc aic">添加动态+</a>
    </div> 
    <div class="main-content f1 ofs df fdc">
       
        <!-- 推荐课程 -->
        
            <a class="recommend" href="./course-details.html" id="recommend">
                <h2>推荐课程</h2>
                <div class="recommend-box">
                    <img alt="" id="img1">
                    <h3 id="title">xxxx</h3>
                    <p id="miaoshu">xxxx</p>
                </div>
            </a>
      
        <!-- 动态 -->
        <div class="dynamic ">
            <div class="df dynamic-box1">
                <img  alt="" class="first">
                <div class="df fdc jcc">
                    <span>用户名</span>
                    <span class="city">xxxxx</span>
                </div>
            </div>
            <div class="dynamic-box2">
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
            </div>
            <div class="dynamic-box3 df jcsb">
                <img  alt="">
                <img  alt="">
                <img  alt="">
                <img  alt="">
                <img  alt="">
                <img  alt="">
            </div>


        </div>




    </div>
    





</body>
</html>